<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <title>查查现在几点了</title>
</head>
<body>
    <button>点我显示当前时间</button>
    <div class="显示时间区域"></div>

    <script>
        // 定义事件处理流程
        var oDiv = document.querySelector('.显示时间区域')
        function eventHandle() {
            var now = new Date()
            oDiv.innerHTML += `<div>${now}</div>`
        }

        // 查出事件源
        var oButton = document.querySelector('button')

        // 事件类型是点击（click）
        // 为三者建立绑定关系
        oButton.onclick = eventHandle
    </script>
</body>
</html>